<template>
  <div class="hig">
    <div class="box-hig" ref="box-hig">
      <navVue @getCheng="getCheng"></navVue>
    </div>

    <div class="right-nav">
      <headerVue></headerVue>      
      <div style="width: 100%;height:calc(100vh - 60px);overflow: hidden">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
import navVue from "./nav.vue";
import headerVue from "../components/header.vue";
export default {
  name: "Index",
  data() {
    return {
      navCheng: false,
    };
  },
  components: {
    navVue,
    headerVue,
  },
  methods: {
    goBack() {
      console.log("go back");
    },
    getCheng(e) {
      console.log(e);
      this.navCheng = e;
    },
  },
};
</script>

<style scoped lang="less" >
.hig {
  display: flex;
}
.box-hig {
  background-color: #171919;
}

.right-nav {
  height: 50px;
  width: 50%;
  flex: 1;
  padding-left: 20px;
}
</style>